<template>
  <footer>
    <div class="top clearfix">
      <div class="w">
        <div class="left">
          <dl>
            <dt>关于我们</dt>
            <dd>关于我们</dd>
            <dd>合作联系</dd>
            <dd>申请认证</dd>
          </dl>
          <dl>
            <dt>网站政策</dt>
            <dd>用户协议</dd>
            <dd>隐私政策</dd>
            <dd>版权声明</dd>
          </dl>
          <dl>
            <dt>帮助</dt>
            <dd>新手入门</dd>
            <dd>帮助</dd>
            <dd>举报</dd>
          </dl>
          <dl>
            <dt>传送门</dt>
            <dd>找画师</dd>
            <dd>王国绘画学院</dd>
          </dl>
        </div>
        <div class="right">
          <div>
            <img
              src="https://photo7n.gracg.com/qrcode_for_gh_43ca33a8137c_258.jpg"
              alt=""
            />
            <p>微信公众号</p>
          </div>
          <div>
            <img src="https://gracg.com/home/wgzQrcode" alt="" />
            <p>王国菌微信</p>
          </div>
          <div>
            <img
              src="https://photo7n.gracg.com/ab146c1be2984ff6a6788e168a4e745c.png"
              alt=""
            />
            <p>官方小程序</p>
          </div>
        </div>
      </div>
    </div>
    <div class="bottom">
      <div class="w">
        Copyight @
        2019.涂鸦王国互联网ICP备案:闽ICP备16007928号-2-网络文化经营许可证:闽网文(2018)1334-071号-公安备案号:35020602001397
      </div>
    </div>
  </footer>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
@import "../assets/reset";
.top {
  display: flex;
  width: 100%;
  height: 165px;
  padding: 14px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  .left {
    display: flex;
    float: left;
    width: 780px;
    justify-content: space-around;
    margin: 0;
    dl {
      padding-top: 5px;
      dt {
        font-size: 12px;
        font-weight: 550;
        margin-bottom: 10px;
      }
      dd {
        color: #666;
      }
    }
  }
  .right {
    float: left;
    display: flex;
    justify-content: center;
    border-left: 1px solid #ccc;
    padding-left: 20px;
    div {
      width: 92px;
      height: 92px;
      margin-left: 25px;
      img {
        width: 92px;
      }
      p {
        text-align: center;
        font-size: 12px;
      }
    }
  }
}
.bottom {
  padding: 21px 0;
  font-size: 14px;
  text-align: center;
}
</style>